<!--{@name 首页}-->
<!DOCTYPE html>
<html>
<head>
<!--{template /tpl/_cms/view/pc_meta}-->
<style type="text/css">
.background-pc {background:url({$categories['01'][FILE01][0]});}
.background-mobile {background:url({$categories['01'][FILE02][0]});}
</style>
</head>
<body>
	<!--{template /tpl/_cms/view/pc_head}-->
	
	<div class="index">
		<div class="slider flexslider">
			<ul class="slides">
				<li class="background-{echo $ismobile ? 'mobile' : 'pc';}">
					<div class="box">
						<p class="title">{$categories['01'][COMMENT][0]}</p>
						<p class="subtitle">{$categories['01'][COMMENT][1]}</p>
						<p class="summary">
							<!--{loop $categories['01']['COMMENT'] $loop $comment}-->
							<!--{if $loop > 1}-->{$comment}<!--{/if}-->
							<!--{/loop}-->
						</p>
						<p class="link">
							<button type="button" onclick="javascript:location.href='product.html';">了解更多…</button>
						</p>
					</div>
				</li>
				<br class="clear"/>
			</ul>
		</div>
		
		<div class="products">
			<div class="box">
				<p class="head">{$categories['011'][CNAME]}</p>
				<ul>
					<!--{loop $article_011 $loop $article}-->
					<li>
						<div class="item">
							<p class="img">
								<img src="{$article[FILE01][0]}" border="0" alt="{$article[TITLE]}"/>
							</p>
							<div class="right">
								<p class="name">
									{$article[TITLE]}
								</p>
								<p class="tips">
									{$article[CONTENT]}
								</p>
							</div>
							<br class="clear"/>
						</div>
					</li>
					<!--{/loop}-->
					<br class="clear"/>
				</ul>
			</div>
		</div>
		
		<div class="features">
			<div class="box">
				<p class="head">{$categories['012'][CNAME]}</p>
				<p class="line"></p>
				
				<ul>
					<!--{loop $article_012 $loop $article}-->
					<li>
						<div class="item">
							<p class="img">
								<img src="{$article[FILE01][0]}" border="0" alt="{$article[TITLE]}"/>
							</p>
							<p class="name">
								{$article[TITLE]}
							</p>
							<p class="tips">
								{$article[CONTENT]}
							</p>
						</div>
					</li>
					<!--{/loop}-->
					<br class="clear"/>
				</ul>
				
				<p class="line"></p>
				<div class="forums">
					<p class="text">
						{$categories['052'][COMMENT]}
					</p>
					<p class="link">
						<button type="button" onclick="javascript:location.href='forum.html';">我要加入社区</button>
					</p>
					<br class="clear"/>
				</div>
			</div>
		</div>
		
		<!--{if !$ismobile}-->
		<div class="customers">
			<div class="box">
				<p class="head">{$categories['013'][CNAME]}</p>
				<p class="line"></p>
				<p class="desc">{$categories['012'][COMMENT]}</p>
				
				<div class="list flexslider">
					<ul class="slides">
						<!--{loop $article_013 $loop $articles}-->
						<li>
							<!--{loop $articles $loop $article}-->
							<p class="item">
								<span></span><img src="{$article[FILE01][0]}" border="0" alt="{$article[TITLE]}"/>
							</p>
							<!--{/loop}-->
							<br class="clear"/>
						</li>
						<!--{/loop}-->
						<br class="clear"/>
					</ul>
				</div>
			</div>
		</div>
		<!--{/if}-->
		
		<div class="download">
			<div class="box">
				<p class="head">{$categories['014'][CNAME]}</p>
				<p class="line"></p>
				
				<div class="wrap">
					<p class="img">
						<img src="{$categories['014'][FILE01][0]}" border="0"/>
					</p>
					<div class="list">
						<!--{loop $article_014 $loop $article}-->
						<div class="item">
							<p class="left">
								<img src="{$article[FILE01][0]}" border="0" alt="{$article[TITLE]}"/>
							</p>
							<div class="right">
								<p class="title">{$article[TITLE]}</p>
								<p class="summary">{$article[SUMMARY]}</p>
								<p class="link">
									<!--{if is_array($article['CONTENT']) && $article['CONTENT'][0]}-->
									<a href="index.php?r=/misc/ajax/download&id={$article[ARTICLEID]}&rnd={echo random(10);}" target="_blank">点击下载</a>
									<!--{else}-->
									<a>即将推出</a>
									<!--{/if}-->
								</p>
							</div>
							<br class="clear"/>
						</div>
						<!--{/loop}-->
					</div>
					<br class="clear"/>
				</div>
				
				<p class="line"></p>
				<div class="trial">
					<p class="text">
						{$categories['04'][COMMENT]}
					</p>
					<p class="link">
						<button type="button" onclick="javascript:location.href='trial.html';">进入实验室</button>
					</p>
					<br class="clear"/>
				</div>
			</div>
		</div>
	</div>
	
	<!--{template /tpl/_cms/view/pc_foot}-->
	
	<script type="text/javascript" src="tpl/_res/pc/js/jquery.flexslider.js"></script>
	
	<script type="text/javascript">
	$(function(){
		$('.customers .list').flexslider({
			animation: 'slide',
			direction: 'horizontal', 
			slideshow: false
		});
	});
	</script>
</body>
</html>